body {
  background-image: url(../images/index-backgroundimage.jpg);
  background-repeat: no-repeat;
}

header {
  position: relative;

}

.all-nav {
  margin-top: -16px;
}

.all-nav .nav {
  background-color: rgba(18, 31, 47, 0.9);
}

.nav ul {
  display: flex;
  list-style: none;
  margin-left: 10%;
}

.nav ul li {
  padding: 15px;
  color: white;
  font-size: 20px;
}

.nav ul li:not(:first-child):not(:last-child) {
  line-height: 50px;
}

.nav ul li:last-child {
  margin-top: 7px;
  z-index: 1;
}

.photo-ico {
  vertical-align: middle;
}

.nav ul li a {
  color: white;
  text-decoration: none;
}

.nav ul li.active {
  background-image: linear-gradient(to top, rgba(213, 183, 33, 0.74), rgba(238, 228, 176, 0.845));
  border-bottom: 3px solid chocolate;
}

.navb {
  margin-top: -20px;
  padding-top: 5px;
  padding-bottom: 10px;
  background-color: rgba(18, 31, 47, 0.7);
  opacity: 0;
}

.navb>ul {
  display: flex;
  list-style: none;
  margin-left: 20%;
  margin-right: 20%;
}

.navb>ul>li>ul {
  list-style: none;
  line-height: 2em;
  color: white;
}

.ajax {
  position: absolute;
  top: 30px;
  right: 60px;
  color: white;
  font-size: 23px;
}

footer {
  margin-top: 80px;
  margin-left: 15%;
  margin-right: 20%;
}

footer p {
  font-size: 12px;
  opacity: .5;
  text-align: center;
}